﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>My Layout</title>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" type="text/css" href="http://www.prism.gatech.edu/~xxie37/ar/layout.css" media="screen" />
</head>
<body>
<div id="console"></div>
<div id="header">
<ul>
  <li><div class="circle" id="c1"></div></li>
  <li><div class="arrow" id="a1"></div></li>
  <li><div class="circle" id="c2"></div></li>
  <li><div class="arrow" id="a2"></div></li>
  <li><div class="circle" id="c3"></div></li>
  <li><div class="arrow" id="a3"></div></li>
  <li><div class="circle" id="c4"></div></li>
  <!--li><div class="arrow" id="4_5"></div></li>
  <li><div class="circle" id="c5"></div></li-->
  

  <!--div id="test"></div-->
</ul>
  </div>
    <!--div id="leftColumn"></div-->
<!--script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="progress.js"></script>
<script src="argonLib.js"></script>
<script src="Geolocation.js"></script-->

		<script src="http://pangbo.org/argon/jslog/jslog.js"></script>
        <script src="radar.js"></script>	
        <script src="Geolocation.js"></script>
        <script src="checkPoints.js"></script>
        <script src="argonLib.js"></script>
        <script src="progress.js"></script>
        <script src="http://www.prism.gatech.edu/~xxie37/ar/compass/compass.js"></script>
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>
 	
  	function init(){
	
		
		initialStatus();
		myApp.onArgonReady();
		clickOnCircule();
		setInterval(draw,100);
	}
	function draw() { 
		var a = navigator.geolocation.getCurrentPosition(myApp.showPosition);
	}
	init();
	
//draw() ;
  </script>
</body>
</html>